<div class="select">
  <div ms-controller="moreSelect" id="moreSelect">
    <form class="form-inline search" ms-submit="@handleSubmit">
      <div class="title">
        <span>已选择的：</span>
      </div>
      <div class="btn-group">
        <button type="button" ms-click="@sureChoose" class="btn btn-primary btn-sm">确定</button>
        <button type="button" ms-click="@hideLayer" class="btn btn-default btn-sm">取消</button>
      </div>
      <div class="clear"></div>
    </form>
    <div class="table-container">
      <div class="table-panel">
        <xmp ms-widget="{is:'ms-tableFixed',id:@tableComponentsID[0],header:@header,row:@row,data:@chooseData,height:'180',showOperation:true,removeChooseDataFun:@removeChooseDataFun,showClickClass:true,operateHtml:@operateHtml,elementID:'moreSelect_1'}"></xmp>
      </div>
    </div>
    <form class="form-inline search" onsubmit="return false;">
      <div class="title">
        <span>在下列结果中双击添加到已选择：</span>
      </div>
      <div class="form-group">
        <label for="searchInputForMoreSelect">拼音码或名称：</label>
        <input type="text" id="searchInputForMoreSelect" class="form-control" maxlength="10" ms-duplex="@searchValue" data-duplex-changed="@handleInputSearch"
        />
      </div>
      <div class="btn-group">
        <button type="button" ms-click="@handleInputSearch" class="btn btn-primary btn-sm">查询</button>
      </div>
      <div class="clear"></div>
    </form>
    <div class="table-container">
      <div class="table-panel">
        <xmp ms-widget="{is:'ms-tableFixed',id:@tableComponentsID[1],header:@header,row:@row,data:@sourceData,height:'300',showPages:true,chooseDataFun:@chooseDataFun,serverPaging:true,serverPagingFun:@fetchPagingData,pages:@pages,count:@count,currentPages:@currentPages,elementID:'moreSelect_2'}"></xmp>
      </div>
    </div>
    <!--分页插件-->
    <div id="moreSelectPage"></div>
    <div class="clear"></div>
  </div>
</div>